<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Profile</title>
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<%@include file="Head-Banner.jsp"%>
	<div class="wrapper row-offcanvas row-offcanvas-left">
		<!-- Left side column. contains the logo and sidebar -->
		<%@include file="Left-Banner.jsp"%>
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side"> <!-- Content Header (Page header) -->
		<section class="content-header">
		<h1>File Managements</h1>
		</section> <!-- Main content --> <section class="content">
		<form method="post" name="formTrash" action="trash">
			<div style="display: block; position: relative;">
				<div class="footer bg-gray"
					style="background-color: #444444; float: left; width: 100px">
					<button type="submit" name="action" value="delete"
						class="btn bg-olive btn-block">Delete</button>
				</div>
				<div class="footer bg-gray"
					style="background-color: #444444; float: left; width: 100px; padding-left: 10px;">
					<button type="submit" name="action" value="restore"
						class="btn bg-olive btn-block">Restore</button>
				</div>
			</div>

			<br> <br>

			<div class="box" style="position: relative;">
				<div class="box-header">
					<h3 class="box-title">Trash Box</h3>
				</div>
				<!-- /.box-header -->
				<div class="box-body no-padding">
					<table class="table table-condensed">
						<tr>
							<th><input type="checkbox" name="" /></th>
							<th style="width: 45%">File Name</th>
							<th style="width: 20%">Kind</th>
							<th style="width: 10%">Size</th>
							<th style="width: 15%">Date Modified</th>
						</tr>
						<c:forEach var="file" items="${fInfos}">
							<tr>
								<c:choose>
									<c:when test="${file.directory == true }">
										<td style="padding-left: 15px"><input type="checkbox"
											name="fileList" value="${file.fileName }" /></td>

										<td><c:out value="${file.fileName}"></c:out></td>
										<td><div class="">
												<span class=""><c:out value="folder"></c:out> </span>
											</div></td>
									</c:when>
									<c:when test="${file.directory == false }">
										<td style="padding-left: 15px"><input type="checkbox"
											name="fileList" value="${file.fileName }" /></td>

										<td><c:out value="${file.fileName}"></c:out></td>
										<td>
											<div class="">
												<span class=""> <c:out value="file"></c:out>
												</span>
											</div>
										</td>
									</c:when>
								</c:choose>


								<td><span class="badge bg-yellow">${file.sizeInfo}</span></td>
								<td><span class="badge bg-red">${file.lastModifiedDate}</span></td>
							</tr>
						</c:forEach>

					</table>
				</div>
				<!-- /.box-body -->
			</div>
		</form>
		</section><!-- /.content --> </aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->
</body>
</html>